<%- include("./header.html") %>
<link rel="stylesheet" href="/app/static/css/home.css" />

<div class="layui-container">

	<div class="layui-row layui-col-space15">
		<div class="layui-col-md9">
			<div class="layui-carousel" id="lunboPic">
				<div carousel-item>					
					<a href="/detail?ContentId=<%=homeInfo.th005[0].id%>" class="lunbo1_item" style="background: url('<%=homeInfo.th005[0].contentImg%>');">						
						<div class="btmTitle"><%=homeInfo.th005[0].contentName%></div>
					</a>	
					<a href="/detail?ContentId=<%=homeInfo.th005[1].id%>" class="lunbo1_item" style="background: url('<%=homeInfo.th005[1].contentImg%>');">						
						<div class="btmTitle"><%=homeInfo.th005[1].contentName%></div>
					</a>	
					<a href="/detail?ContentId=<%=homeInfo.th002[0].id%>" class="lunbo1_item" style="background: url('<%=homeInfo.th002[0].contentImg%>');">						
						<div class="btmTitle"><%=homeInfo.th002[0].contentName%></div>
					</a>	
					<a href="/detail?ContentId=<%=homeInfo.th001[0].id%>" class="lunbo1_item" style="background: url('<%=homeInfo.th001[0].contentImg%>');">						
						<div class="btmTitle"><%=homeInfo.th001[0].contentName%></div>
					</a>	
					<a href="/detail?ContentId=<%=homeInfo.th004[0].id%>" class="lunbo1_item" style="background: url('<%=homeInfo.th004[0].contentImg%>');">						
						<div class="btmTitle"><%=homeInfo.th004[0].contentName%></div>
					</a>	
					
				</div>
			</div>
		</div>
		<div class="layui-col-md3">
			<div class="ititle" style="margin-top: 5px;margin-bottom: 10px;">
				<span class="text-center">宏业动态</span>
				<span class="stitle">TRENDS</span>
				<span class="more">
	             		<a href="/list?CatalogType=th005">查看更多</a>
	             	</span>
			</div>
			<!--<div id="timelineWrap">-->
			<ul class="layui-timeline" id="timeline">
				<% homeInfo.th005.forEach(function(item){%>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<b class="layui-timeline-title"><%=item.contentTime%></b>
						<a href="/detail?ContentId=<%=item.id%>&CatalogType=th005">
							<%=item.contentName%>
						</a>
					</div>
				</li>

				<%  }) %>
				
			</ul>
			
		</div>
	</div>
	<div class="layui-row layui-col-space15">
		<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
			<div class="ititle">
				<span class="text-center">行业资讯</span>
				<span class="stitle">NEWS</span>
				<span class="more">
             	<a href="/list?CatalogType=th001">查看更多</a>
             </span>
			</div>
			<div class="media">
				<% homeInfo.th001.forEach(function(item,index){ %>
					<% if(index==0){%>
						<a href="/detail?ContentId=<%=item.id%>&CatalogType=th001" class="media-left" style="cursor: pointer;">
							<img src="<%=item.contentImg%>" alt="..." class="mediaFirImg">							
						</a>
						<div class="media-body">
							<h4 class="media-heading"><a href="/detail?ContentId=<%=item.id%>&CatalogType=th001" class="title"><%=item.contentName%></a></h4>
							<span class="excerpt"><%=item.contentDesc%>...</span>
							<a href="/detail?ContentId=<%=item.id%>&CatalogType=th001" style="color:#ff0000">[更多] </a>
						</div>	
						<ul class="itemList">
					<%}else{%>						
							<li><span class="point">•</span>
								<a href="/detail?ContentId=<%=item.id%>&CatalogType=th001" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
							</li>							
					<%}%>
				<%})%>
				</ul>
				
			</div>

		</div>
		<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
			<div class="ititle">
				<span class="text-center">技术创新</span>
				<span class="stitle">TECH</span>
				<span class="more">
             	<a href="/list?CatalogType=th002">查看更多</a>
             </span>
			</div>
			<div class="media">
				<% homeInfo.th002.forEach(function(item,index){ %>
					<% if(index==0){%>
						<a href="/detail?ContentId=<%=item.id%>&CatalogType=th002" class="media-left" style="cursor: pointer;">
							<img src="<%=item.contentImg%>" alt="..." class="mediaFirImg">							
						</a>
						<div class="media-body">
							<h4 class="media-heading"><a href="/detail?ContentId=<%=item.id%>&CatalogType=th002" class="title"><%=item.contentName%></a></h4>
							<span class="excerpt"><%=item.contentDesc%>...</span>
							<a href="/detail?ContentId=<%=item.id%>&CatalogType=th002" style="color:#ff0000">[更多] </a>
						</div>	
						<ul class="itemList">
					<%}else{%>						
							<li><span class="point">•</span>
								<a href="/detail?ContentId=<%=item.id%>&CatalogType=th002" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
							</li>							
					<%}%>
				<%})%>
				</ul>
			</div>
		</div>
		<div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
			<div class="ititle">
				<span class="text-center">政策法规</span>
				<span class="stitle">POLICY</span>
				<span class="more">
             	<a href="/list?CatalogType=th003">查看更多</a>
             </span>
			</div>
			<div class="media">				
				<ul class="itemList">
					<% homeInfo.th003.forEach(function(item,index){ %>
					<li><span class="point">•</span>
						<a href="/detail?ContentId=<%=item.id%>&CatalogType=th003" target="_blank" title="<%=item.contentName%>">[政策文件] <%=item.contentName%></a>
					</li>
					<%})%>
				</ul>
			</div>
		</div>
		
		
	</div>
	<div class="layui-row">
		<div class="layui-col-xs4 layui-col-sm7 layui-col-md8">
			<div class="ititle">
				<span class="text-center">物联应用</span>
				<span class="stitle">IOT APPLICATION</span>
				<span class="more">
             	<a href="/list?CatalogType=th004">查看更多</a>
             </span>
			</div>
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md6">
					<div class="layui-carousel" id="lunboPic2">
						<div carousel-item>
							<% homeInfo.th004.forEach(function(item,index){%>
								<% if(index < 3){ %>
									<a href="/detail?ContentId=<%=item.id%>&CatalogType=th004" style="background: url('<%=item.contentImg%>') no-repeat center;background-size: 100% 100%;"> </a>
								<% }%>
							<%})%>							
						</div>
					</div>
					<ul class="itemList">
						<% homeInfo.th004.forEach(function(item,index){%>
								<% if(index >= 3 && index <7 ){ %>
									<li><span class="point">•</span>
										<a href="/detail?ContentId=<%=item.id%>&CatalogType=th004" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
									</li>
								<% }%>
						<%})%>						
					</ul>
				</div>

				<div class="layui-col-md6">					
					<div class="media-body">
						<% homeInfo.th004.forEach(function(item,index){%>
						<% if(index==0){%>
						<h4 class="media-heading txtCenter layui-elip" style="font-size: 18px !important;margin-bottom: 10px;max-width: 360px;">						 
						  	 <a href="/detail?ContentId=<%=item.id%>&CatalogType=th004" title="<%=item.contentName%>" class="title titColor"><%=item.contentName%></a>						               	     
                        </h4>
						<span class="excerpt" style="color: #243851;font-size: 13px;"><%=item.contentName%></span>
						<a href="/detail?ContentId=<%=item.id%>&CatalogType=th004" style="color:#ff0000">[更多] </a>
					    <% }%> 
					   <%})%>
					</div>
					
					<ul class="itemList">
						<% homeInfo.th004.forEach(function(item,index){%>
							<% if(index>=7 && index<11 ){%>
								<li><span class="point">•</span>
								<a href="/detail?ContentId=<%=item.id%>&CatalogType=th004" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
							    </li>
							<%}%>			
		
								
							<% if(index==10){%>
							<hr class="layui-bg-blue">
	                        <%}%> 
	                         <% if(index>=11 && index<=14 ){%>
								<li><span class="point">•</span>
								<a href="/detail?ContentId=<%=item.id%>&CatalogType=th004" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
							    </li>
							<%}%>	
						
						<%})%>
					</ul>
				
				</div>

			</div>

		</div>

		<div class="layui-col-xs4 layui-col-sm5 layui-col-md4">
			<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
				<ul class="layui-tab-title">
					<li class="layui-this">热点排行</li>
					<li>市场分析</li>
					<li>行业经济</li>
				</ul>
				<div class="layui-tab-content" style="height: 100px;">
					<div class="layui-tab-item layui-show">
						<div class="sideMenu" style="margin:0 auto">
							<% homeInfo.hot.forEach(function(item,index){%>
								<% if(index<5){	%>						
								<h3 class="h3img<%=index+1%> layui-elip"><a href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a></h3>
								<ul >
									<li><%=item.contentDesc%>...</li>
								</ul>
								<%}%>
							<%})%>
							
						</div>
					</div>
					<div class="layui-tab-item">
						<%homeInfo.market.forEach(function(item,index){%>
							<%if(index==0){%>
								<h3>
						    		<a style="color: #0f7d73;font-size: 18px;max-width: 330px;" class="img layui-elip" href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
								</h3>
								<p class="tuwen">
									<a class="img_a" href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><img src="<%=item.contentImg%>" alt="<%=item.contentName%>"></a>
									<span class="tuwen">
											<%=item.contentDesc%>...							
											<a class="xiangxi" href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentDesc%>">[详细]</a>
									</span>
								</p>
							<%}%>
						<%})%>
						
						<ul class="itemList">
							<%homeInfo.market.forEach(function(item,index){%>
								<%if(index>0 && index<7){%>
									<li><span class="point">•</span>
										<a href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
									</li>
								<%}%>
						<%})%>
							
							
						</ul>
					</div>
					<div class="layui-tab-item">
						<%homeInfo.economic.forEach(function(item,index){%>
							<%if(index==0){%>
								<h3>
						    		<a style="color: #0f7d73;font-size: 18px;" class="img" href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
								</h3>
								<p class="tuwen">
									<a class="img_a" href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><img src="<%=item.contentImg%>" alt="<%=item.contentName%>"></a>
									<span class="tuwen">
											<%=item.contentDesc%>...							
											<a class="xiangxi" href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentDesc%>">[详细]</a>
									</span>
								</p>
							<%}%>
						<%})%>
						
						<ul class="itemList">
							<%homeInfo.economic.forEach(function(item,index){%>
								<%if(index>0 && index<7){%>
									<li><span class="point">•</span>
										<a href="/detail?ContentId=<%=item.id%>" target="_blank" title="<%=item.contentName%>"><%=item.contentName%></a>
									</li>
								<%}%>
						<%})%>
						</ul>

					</div>
				</div>
			</div>
		</div>

	</div>

</div>

<%- include("./footer.html") %>
<script src="/app/static/js/home.js" type="text/javascript"></script>